<script setup>
import { onMounted, getCurrentInstance } from 'vue';
import HelloWorld from './components/HelloWorld.vue'
import useGlobal from './hooks/useGlobal';
import useCloud from './hooks/useCloud';

// const {global} = useGlobal();

// const getData = async () => {
//   // 声明新的 cloud 实例
//   var c1 = global.$cloud.Cloud({
//     // 必填，表示是未登录模式
//     identityless: true,
//     // 资源方 AppID 填自己的
//     resourceAppid: 'wx56d251efcdb5169a',
//     // 资源方环境 ID	填自己的
//     resourceEnv: 'cloud1-9ghtkco5c6fcd92f',
//   })
//   //初始化
//   await c1.init()
//   //初始化执行完再调用

//   // 完成后正常使用资源方的已授权的云资源
//   // c1.callFunction({
//   //   name: 'getUser',             //调用的云函数名字
//   //   success: res => {
//   //     console.log(res)
//   //   }
//   // })
//   const db = c1.database();
//   db.collection('goods_category').get({
//     success: res => {
//       console.log(res.data);
//     },
//     fail: res => {
//       console.log(res);
//     }
//   })
// }

const getGoodsCategory = async () => {
  const cloud = await useCloud();
  const db = cloud.database();
  db.collection('goods_category').get({
    success: res => {
      console.log(res.data);
    },
    fail: res => {
      console.log(res);
    }
  })
}

onMounted(() => {
  // getData();
  getGoodsCategory();
})

</script>

<template>
  <div>
    <a href="https://vitejs.dev" target="_blank">
      <img src="/vite.svg" class="logo" alt="Vite logo" />
    </a>
    <a href="https://vuejs.org/" target="_blank">
      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
    </a>
  </div>
  <HelloWorld msg="Vite + Vue" />
</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}

.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
